<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字体属性设置</title>
	</head>
	<style type="text/css">
		body{
			font-size: 16px;
		}
		.wrap {
			font-size: 50px;
		}
		p {
			/* font-size: 1.5rem;
			font-style: italic;
			font-family: '草书','行楷','苹方','微软雅黑','楷体';
			font-weight: lighter; */
			font: italic bold  30px/50px'微软雅黑';
		}
	</style>
	<body>
		<!-- 字体属性
		 字体大小： font-size   单位px cm mm（绝对的单位） em{根据父元素的值来定} rem  (根据html标签字体大小折算)
		 字体风格： font-style italic 斜体
		 字体：    font-family
		 字体粗细：font-weight  100-900 没有单位  lighter bold  
		  font:(缩写顺序)font-style font-variant font-weight font-size/line-height font-family
		 
		 -->
		 
		 <p>这是使用rem设置的文字</p>
		 <div class="wrap">
			 <p>这是使用rem设置的文字</p>
		 </div>
		 
	</body>
</html>
